<template>
  <div class="container">
      <div class="title">{{newData.title}}</div>
      <div class="time">{{newData.author}} / {{newData.createDate}} </div>
      <img :src='newData.poster' style="width:100%" alt="">
      <div v-html="newData.content"></div>
  </div>
</template>
<script>

import Api from "./../api/api";
export default {
  data() {
    return {
        newData:{}
    };
  },
  methods: {



  },
  mounted() {
    this.pubilcM.setTitle("新闻详情");
    console.log(this.$route.query.item);
    this.newData = this.$route.query.item;
  }
};
</script>
<style scoped>
.container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 0.25rem;
}



.time {
  font-size: 0.24rem;
  color: #999999;
  margin-bottom: 0.2rem;
}
.title {
  font-size: 0.4rem;
  margin-bottom: 0.1rem;
  text-align: center
}
.type {
  margin-bottom: 0.1rem;
}
</style>